import type { Theme } from '../types'

export default {
  common: {
    lineHeight: 'normal',
    textColorBase: 'white',

    primaryColor: '#63e2b7',
    primaryColorHover: '#7fe7c4',
    primaryColorPressed: '#5acea7',
    primaryColorSuppl: '#2a947d',
    infoColor: '#70c0e8',
    infoColorHover: '#8acbec',
    infoColorPressed: '#66afd3',
    infoColorSuppl: '#3889c5',
    successColor: '#63e2b7',
    successColorHover: '#7fe7c4',
    successColorPressed: '#5acea7',
    successColorSuppl: '#2a947d',
    warningColor: '#f2c97d',
    warningColorHover: '#f5d599',
    warningColorPressed: '#e6c260',
    warningColorSuppl: '#f08a00',
    errorColor: '#e88080',
    errorColorHover: '#e98b8b',
    errorColorPressed: '#e57272',
    errorColorSuppl: '#d03a52',

    tabColor: '#ffffff0a',
    tableColorStriped: '#ffffff0d',
    pressedColor: '#ffffff0d',
    actionColor: '#ffffff0f',
    tableHeaderColor: '#ffffff0f',
    tableColorHover: '#ffffff0f',
    inputColorDisabled: '#ffffff0f',
    buttonColor2: '#ffffff14',
    buttonColor2Pressed: '#ffffff14',
    closeColorPressed: '#ffffff14',
    dividerColor: '#ffffff17',
    borderColor: '#ffffff17',
    hoverColor: '#ffffff17',
    inputColor: '#ffffff1a',
    buttonColor2Hover: '#ffffff1f',
    closeColorHover: '#ffffff1f',
    progressRailColor: '#ffffff1f',
    codeColor: '#ffffff1f',
    avatarColor: '#ffffff2e',
    scrollbarColor: '#ffffff33',
    railColor: '#ffffff33',
    placeholderColorDisabled: '#ffffff47',
    iconColorDisabled: '#ffffff47',
    iconColorPressed: '#ffffff4d',
    clearColorPressed: '#ffffff4d',
    scrollbarColorHover: '#ffffff4d',
    placeholderColor: '#ffffff61',
    textColorDisabled: '#ffffff61',
    clearColor: '#ffffff61',
    iconColor: '#ffffff61',
    iconColorHover: '#ffffff79',
    clearColorHover: '#ffffff7a',
    closeIconColorHover: '#ffffff85',
    closeIconColor: '#ffffff85',
    closeIconColorPressed: '#ffffff85',
    textColor3: '#ffffff85',
    textColor2: '#ffffffd1',
    textColor1: '#ffffffe6',

    bodyColor: '#101014',
    baseColor: '#101014',
    invertedColor: '#101014',
    tableColor: '#18181c',
    cardColor: '#18181c',
    tagColor: '#333333',
    modalColor: '#2c2c32',
    popoverColor: '#48484e',
  },
  Skeleton: {
    color: '#ffffff1f',
    colorEnd: '#ffffff2e',
  },
  Tag: {
    colorBordered: '#00000000',
  },
  Tooltip: {
    color: '#48484e',
    textColor: '#ffffffe6',
  },
  Slider: {
    indicatorColor: '#48484e',
    indicatorTextColor: '#ffffffe6',
  },
  Layout: {
    siderColor: '#101014',
    headerColor: '#101014',
    footerColor: '#101014',
  },
  Tabs: {
    tabColorSegment: '#ffffff1a',
  },
  IconWrapper: {
    color: 'transparent',
    iconColor: 'inherit',
  },
  Input: {
    lineHeightTextarea: '1.6',
  },
  LoadingBar: {
    height: '3px',
  },
  Form: {
    feedbackPadding: '8px 0px 10px 0px',
  },
} as Theme
